<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://g.csdnimg.cn/static/logo/favicon32.ico" rel="shortcut icon" type="image/x-icon">
    <title>万息科技</title>
    <script src="../js/jquery-3.6.0.min.js"></script>
    <link rel="stylesheet" href="../css/concat.css">
    <link rel="stylesheet" href="../css/common/body.css">
    <link rel="stylesheet" href="../css/common/title.css">
    <script>
        $(function (){
            $("#top").load('top.html');
            $("#foot").load('foot.html');

        })
    </script>

<script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=oGHr7wDrxqELB9iOHGMMissp33RdDDZY"></script>
</head>
<body>
    <div class="wide">
        <!-- 头部 -->
        <div id='top'></div>

        <!-- 中间部分 -->
        <div class="med">
            <div>
                <div>
                    <div>
                        <div class="title">联系我们</div>
                        <div>
                            <div>
                                <img src="../img/conus_3ja7.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
              
                <div class="map">
                   <div>
                        <div class="container" id="container"></div>
                   </div>
                </div>

            </div>
        </div>

        <!-- 尾部 -->
        <div id='foot'></div>
    </div>


</body>
</html>
<script>
    var map = new BMapGL.Map('container'); // 创建Map实例
    var point = new BMapGL.Point(116.404, 39.925);
    map.centerAndZoom(point, 12); // 初始化地图,设置中心点坐标和地图级别
    map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放

    // 创建点标记
    var marker1 = new BMapGL.Marker(point);
    // 在地图上添加点标记
    map.addOverlay(marker1);

    // 创建信息窗口
    var opts = {
        width: 200,
        height: 100,
        title: '故宫博物院'
    };
    var infoWindow = new BMapGL.InfoWindow('地址：北京市东城区王府井大街88号乐天银泰百货八层', opts);
    // 点标记添加点击事件
    marker1.addEventListener('click', function () {
        map.openInfoWindow(infoWindow, point); // 开启信息窗口
    })
</script>